<template>
  <div>
    <mt-popup
      v-model="popupVisible"
      popup-transition="popup-fade"
      closeOnClickModal="true"
      position="bottom"
    >
      <mt-picker :slots="slots" @change="onValuesChange" style="width: 7.5rem;" showToolbar>
        <div class="picker-toolbar-title">
          <div class="usi-btn-cancel" @click="popupVisible = !popupVisible">取消</div>
          <div class>请选择代理区域</div>
          <div class="usi-btn-sure" @click="popupVisible = !popupVisible">确定</div>
        </div>
      </mt-picker>
    </mt-popup>
  </div>
</template>

<script>
export default {
  name: "test",
  data() {
    return {
      value: [],
      options: ["11111", "22222", "33333"]
    };
  }
};
</script>

